// src/components/todo-list.vue

<template>
    <div>我是todo-list组件</div>
    <div>
        <div>{{ todos.length }}</div>
        <!-- 模板的其余部分 -->
        <todo-item></todo-item>
    </div>
</template>

<script lang="ts">
import { defineComponent, reactive } from "vue";
import TodoItem from './todo-item.vue'

export default defineComponent({
    name: 'TodoList',
    components: {
        TodoItem
    },
    provide: {
        user: 'John Doe',
    },
    setup() {
        const todos = reactive(['Feed a cat', 'Buy tickets'])

        return {
            todos
        }
    }
})
</script>